<script>
	import {
		navigateTo,
		getProvider,
		showModal,
		uniLogin 
	} from "../../utils/promise"
	export default{
		props:{
			bbslist:Array
		},	
		methods:{
			navigateTo
		}
	}
</script>
<template>
  <view>
<!--    隐藏-->
	  <view class="two_box" v-if="false">
	    <image src="/static/images/HiltonHotel/document.png" mode="" class="document"></image>
	    <view class="text">希尔顿微信公众号</view>
	    <view class="checkButton">
	      查看 
	    </view>
	  </view>
		  
	  <view v-if="bbslist.length>0">
		<view class="two_box" style="flex-direction: column; height: 150rpx; width: 630rpx; align-items: normal; padding: 30rpx;" @tap="navigateTo('/pages/PartnerActivitiesPage/PartnerActivitiesPage?id='+bbslist[0].id)">
			<p style="width: 156rpx;height: 36rpx;font-family: 'PingFang SC';font-weight: 400;font-size: 26rpx;line-height: 36rpx;letter-spacing: 0px;color: #979797;">官方搭子活动</p>
			<p style="width: 100%; overflow:hidden; padding: 20rpx 0;text-overflow: ellipsis; height: 40rpx;font-family: 'PingFang SC';font-weight: 600;font-size: 28rpx;line-height: 40rpx;letter-spacing: 0px;color: var(--Color-2, #222222);margin-top: 10rpx;">{{bbslist[0].title}}</p>
			<p style="font-size: 25rpx; color: #979797;">活动时间：{{bbslist[0].activityStartTime.substr(0,10)}} - {{bbslist[0].activityEndTime.substr(0,10)}}</p>
		</view>
	  </view>
  </view>
</template>
<style lang="less" scoped>
.two_box {
  width: 690rpx;
  height: 100rpx;
  margin: 16rpx auto 0 auto;
  border-radius: 16rpx;
  background: #FFFFFF;
  display: flex;
  align-items: center;

  .document {
    width: 40rpx;
    height: 40rpx;
    margin-left: 30rpx;

  }

  .text {
    width: 224rpx;
    height: 40rpx;
    margin-left: 20rpx;
    font-family: 'PingFang SC';
    font-weight: 400;
    font-size: 28rpx;
    line-height: 40rpx;
    letter-spacing: 0px;
    color: #222222;

  }

  .checkButton {
    width: 120rpx;
    height: 56rpx;
    margin-left: 226rpx;
    border-radius: 4px;
    background-color: #0F4C97;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 26rpx;
    line-height: 56rpx;
    letter-spacing: 0px;
    text-align: center;
    color: #FFFFFF;
  }
}
</style>